<template>
  <div>
    <home-header :navTitle="headerNavList"></home-header>
    <swiper></swiper>
    <div class="segment-line"></div>
    <share-dynamics class="share-dynamics"></share-dynamics>
    <home-footer></home-footer>
  </div>
</template>

<script>
import HomeHeader from '../common/header/Header'
import Swiper from './components/Swiper'
import ShareDynamics from './components/ShareDynamics'
import HomeFooter from '../common/footer/Footer'
export default {
  name: 'Home',
  data () {
    return {
      headerNavList: ['主页']
    }
  },
  methods: {
  },
  components: {
    HomeHeader,
    Swiper,
    ShareDynamics,
    HomeFooter
  }
}
</script>

<style scoped>
.segment-line{
  width: 100%;
  height: 8px;
}
.share-dynamics{
  width: 100%;
  height: 330px;
  overflow-y: scroll;
}
</style>
